<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>It's Brain - premium admin HTML template by Eugene Kopyov</title>
<link type="text/css" rel="stylesheet" href="css/main.css">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cuprum">
</head>
<body>

<!-- Top navigation bar -->
<div id="topNav">
    <div class="fixed">
        <div class="wrapper">
            <div class="welcome"><a title="" href="#"><img alt="" src="images/userPic.png"></a><span>Howdy, Eugene!</span></div>
            <div class="userNav">
                <ul>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/profile.png"><span>Profile</span></a></li>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/tasks.png"><span>Tasks</span></a></li>
                    <li class="dd"><a title=""><img alt="" src="images/icons/topnav/messages.png"><span>Messages</span><span class="numberTop">8</span></a>
                        <ul class="menu_body">
                            <li><a class="sAdd" title="" href="#">new message</a></li>
                            <li><a class="sInbox" title="" href="#">inbox</a></li>
                            <li><a class="sOutbox" title="" href="#">outbox</a></li>
                            <li><a class="sTrash" title="" href="#">trash</a></li>
                        </ul>
                    </li>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/settings.png"><span>Settings</span></a></li>
                    <li><a title="" href="login.html"><img alt="" src="images/icons/topnav/logout.png"><span>Logout</span></a></li>
                </ul>
            </div>
            <div class="fix"></div>
        </div>
    </div>
</div>

<div class="switcher">
    <ul>
        <li><a class="pat1" title="" href="#"><img alt="" src="images/switcher/1.png"></a></li>
        <li><a class="pat2" title="" href="#"><img alt="" src="images/switcher/2.png"></a></li>
        <li><a class="pat3" title="" href="#"><img alt="" src="images/switcher/3.png"></a></li>
        <li><a class="pat4" title="" href="#"><img alt="" src="images/switcher/4.png"></a></li>
        <li class="last"><a class="pat5" title="" href="#"><img alt="" src="images/switcher/5.png"></a></li>
    </ul>
</div>

<div class="colorSwitch">
	<a title="Switch to dark verion" href="http://themes.kopyov.com/itsbrain/fixed/dark/login.html"></a>
</div>

<div class="layoutSwitch">
	<a title="Switch to fixed verion" href="http://themes.kopyov.com/itsbrain/liquid/light/login.html"></a>
</div>


<!-- Header -->
<div class="wrapper" id="header">
    <div class="logo"><a title="" href="/"><img alt="" src="images/loginLogo.png"></a></div>
    <div class="middleNav">
    	<ul>
        	<li class="iMes"><a title="" href="#"><span>Support tickets</span></a><span class="numberMiddle">9</span></li>
            <li class="iStat"><a title="" href="#"><span>Statistics</span></a></li>
            <li class="iUser"><a title="" href="#"><span>User list</span></a></li>
            <li class="iOrders"><a title="" href="#"><span>Billing panel</span></a></li>
        </ul>
    </div>
    <div class="fix"></div>
</div>


<!-- Content wrapper -->
<div class="wrapper">
	<!-- Left navigation -->
    <div class="leftNav">
    	<ul id="menu">
        	<li class="dash">
				<a class="active" href="index.html">
					<span>Dashboard</span>
				</a>
			</li>
            <li class="graphs">
				<a href="charts.html">
					<span>Graphs and charts</span>
				</a>
			</li>
            <li class="forms">
				<a href="form_elements.html">
					<span>Form elements</span>
				</a>
			</li>
            <li class="login">
				<a href="ui_elements.html">
					<span>Interface elements</span>
				</a>
			</li>
            <li class="typo">
				<a href="typo.html">
					<span>Typography</span>
				</a>
			</li>
            <li class="tables">
				<a href="tables.html">
					<span>Tables</span>
				</a>
			</li>
            <li class="cal">
				<a href="calendar.html">
					<span>Calendar</span>
				</a>
			</li>
            <li class="gallery">
				<a href="gallery.html">
					<span>Gallery</span>
				</a>
			</li>
            <li class="widgets">
				<a href="widgets.html">
					<span>Widgets</span>
				</a>
			</li>
            <li class="files">
				<a href="file_manager.html">
					<span>File manager</span>
				</a>
			</li>
            <li class="errors">
				<a class="exp inactive" href="#">
					<span>Error pages</span>
					<span class="numberLeft">6</span>
				</a>
            	<ul class="sub" style="display: none;">
                    <li><a href="403.html">403 page</a></li>
                    <li><a href="404.html">404 page</a></li>
                    <li><a href="405.html">405 page</a></li>
                    <li><a href="500.html">500 page</a></li>
                    <li><a href="503.html">503 page</a></li>
                    <li class="last">
						<a href="offline.html">Website is offline</a>
					</li>
                </ul>
            </li>
            <li class="pic">
				<a href="icons.html">
					<span>Buttons and icons</span>
				</a>
			</li>
            <li class="contacts">
				<a href="contacts.html">
					<span>Organized contact list</span>
				</a>
			</li>
        </ul>
    </div>
    
    <!-- Content -->
    <div class="content">
    	<div class="title"><h5>Dashboard</h5></div>
        
        <!-- Statistics -->
        <div class="stats">
        	<ul>
            	<li>
					<a class="count grey" href="#">52</a>
					<span>new pending tasks</span>
				</li>
                <li>
					<a class="count grey" href="#">520</a>
					<span>pending orders</span>
				</li>
                <li>
					<a class="count grey" href="#">14</a>
					<span>new opened tickets</span>
				</li>
                <li class="last">
					<a class="count grey" href="#">48</a>
					<span>new user registrations</span>
				</li>
            </ul>
            <div class="fix"></div>
        </div>
        
        <!-- Full width tabs --> 
        <div class="widget first">      
            <ul class="tabs">
                <li class="activeTab">
					<a href="#tab3">Tab Active</a>
				</li>
                <li>
					<a href="#tab4">Tab Inactive</a>
				</li>
            </ul>
            
            <div class="tab_container">
                <div class="tab_content" id="tab3" style="display: block;">
                	<h4 class="aligncenter red pt10">Nice looking tables with custom widgets, file manager and contact list!</h4>
                    <p>
						<a title="" href="http://themes.kopyov.com/itsbrain">It's Brain</a> 
						is a new unique admin template with lots of 
						<a title="" href="form_elements.html">features</a>, 
						detailed documentation and quick support.. It includes 
						<span class="red">19 html pages</span> 
						and 10 .psd files, loaded with 20+ of plugins and comes with 
						<span class="red">5 pattern backgrounds</span>. 
						Hope you'll find this theme interesting and useful for your next project!
					</p>
                </div>
                <div class="tab_content" id="tab4" style="display: none;">This tab is active now</div>
            </div>	
            <div class="fix"></div>	 
        </div>
        
        <!-- Widgets -->
        <div class="widgets">
            <div class="left">
            
                <!-- Search -->
                <div class="searchWidget">
                	<form action="">
                    	<input type="text" placeholder="Enter search text..." id="ac" name="search" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
                        <input type="submit" value="" name="find">
                    </form>
                </div>
                
                <!-- Statistics -->
                <div class="widget">
                    <div class="head">
						<h5 class="iChart8">Website statistic</h5>
						<div class="num">
							<a class="blueNum" href="#">+245</a>
						</div>
					</div>
                    <table width="100%" cellspacing="0" cellpadding="0" class="tableStatic">
                        <thead>
                            <tr>
                              <td width="21%">Amount</td>
                              <td>Description</td>
                              <td width="21%">Changes</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td align="center">
									<a class="webStatsLink" href="#">980</a>
								</td>
                                <td>returned visitors</td>
                                <td><span class="statPlus">0.32%</span></td>
                            </tr>
                            <tr>
                                <td align="center">
									<a class="webStatsLink" href="#">1545</a>
								</td>
                                <td>new registrations</td>
                                <td><span class="statMinus">82.3%</span></td>
                            </tr>
                            <tr>
                                <td align="center">
									<a class="webStatsLink" href="#">457</a>
								</td>
                                <td>new affiliates registrations</td>
                                <td><span class="statPlus">100%</span></td>
                            </tr>
                            <tr>
                                <td align="center">
									<a class="webStatsLink" href="#">9543</a>
								</td>
                                <td>new visitors</td>
                                <td><span class="statPlus">4.99%</span></td>
                            </tr>
                            <tr>
                                <td align="center">
									<a class="webStatsLink" href="#">354</a></td>
                                <td>new pending comments</td>
                                <td><span class="statMinus">9.67%</span></td>
                            </tr>
                        </tbody>
                    </table>                    
                </div>
            	
                <!-- Latest orders -->
                <div class="widget">
                    <div class="head"><h5 class="iMoney">Latest orders</h5><div class="num"><a class="blueNum" href="#">+245</a></div></div>
                    
                    <div class="supTicket nobg">
                    	<div class="issueType">
                        	<span class="issueInfo"><a href="#">VPS Basic</a></span>
                            <span class="issueNum"><a href="#">[ #21254 ]</a></span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li>Current order status:</li>
                                    <li class="even">
										<strong class="green">[ pending ]</strong>
									</li>
                                    <li>User email:</li>
                                    <li class="even">
										<a href="#">user@company.com</a>
									</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div>
                    
                    <div class="supTicket">
                    	<div class="issueType">
                        	<span class="issueInfo"><a href="#">VPS Basic</a></span>
                            <span class="issueNum"><a href="#">[ #21254 ]</a></span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li>Current order status:</li>
                                    <li class="even">
										<strong class="green">[ pending ]</strong>
									</li>
                                    <li>User email:</li>
                                    <li class="even">
										<a href="#">user@company.com</a>
									</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div> 
                    
                    <div class="supTicket">
                    	<div class="issueType">
                        	<span class="issueInfo"><a href="#">VPS Basic</a></span>
                            <span class="issueNum"><a href="#">[ #21254 ]</a></span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li>Current order status:</li>
                                    <li class="even">
										<strong class="green">[ pending ]</strong>
									</li>
                                    <li>User email:</li>
                                    <li class="even">
										<a title="" href="#">user@company.com</a>
									</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div>                    
                </div>
                <div class="fix"></div>                 
            </div>
            
            
            <!-- Right widgets -->
            <div class="right">
            	
                <!-- Support tickets widget -->
                <div class="widget">
                    <div class="head">
						<h5 class="iHelp">Support ticket widget</h5>
						<div class="num">
							<a class="redNum" href="#">+128</a>
						</div>
					</div>
                    
                    <div class="supTicket nobg">
                    	<div class="issueType">
                        	<span class="issueInfo">General financial issue</span>
                            <span class="issueNum">[ #21254 ]</span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li><a href="#">Eugene Kopyov</a></li>
                                    <li class="even">
										<strong class="red">[ High priority ]</strong>
									</li>
                                    <li>Status: 
										<strong class="green">[ Pending ]</strong>
									</li>
                                    <li class="even">Oct 25, 2011  23:12</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div>
                    
                    <div class="supTicket">
                    	<div class="issueType">
                        	<span class="issueInfo">General financial issue</span>
                            <span class="issueNum">[ #21254 ]</span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li><a href="#">Eugene Kopyov</a></li>
                                    <li class="even">
										<strong class="red">[ High priority ]</strong>
									</li>
                                    <li>Status: 
										<strong class="green">[ Pending ]</strong>
									</li>
                                    <li class="even">Oct 25, 2011  23:12</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div>
                    
                    <div class="supTicket">
                    	<div class="issueType">
                        	<span class="issueInfo">General financial issue</span>
                            <span class="issueNum">[ #21254 ]</span>
                            <div class="fix"></div>
                        </div>
                        
                        <div class="issueSummary">
                       		<a class="floatleft" href="#">
								<img alt="" src="images/user.png">
							</a>	
                            <div class="ticketInfo">
                            	<ul>
                                	<li><a href="#">Eugene Kopyov</a></li>
                                    <li class="even">
										<strong class="red">[ High priority ]</strong>
									</li>
                                    <li>Status: 
										<strong class="green">[ Pending ]</strong>
									</li>
                                    <li class="even">Oct 25, 2011  23:12</li>
                                </ul>
                                <div class="fix"></div>
                            </div>
                            <div class="fix"></div>
                        </div> 
                    </div>                    
                </div>
                
                <!-- Tabs widget -->
                <div class="widget">       
                    <ul class="tabs">
                        <li class="activeTab"><a href="#tab1">Tab 1</a></li>
                        <li><a href="#tab2">Tab 2</a></li>
                    </ul>
                    
                    <div class="tab_container">
                        <div class="tab_content" id="tab1" style="display: block;">Active tab</div>
                        <div class="tab_content" id="tab2" style="display: none;">Now this one is active</div>
                    </div>	
                    <div class="fix"></div>		 
                </div>
                
                <!-- User widget -->
                <div class="widget">
                    <div class="head">
                        <div class="userWidget">
                        	<a class="userLink" href="#">Eugene Kopyov</a>
                        </div>
                        <div class="num">
							<span>Balance:</span>
							<a class="greenNum" href="#">+128</a>
						</div>
                    </div>
                    
                    <table width="100%" cellspacing="0" cellpadding="0" class="tableStatic">
                        <tbody>
                            <tr class="noborder">
                                <td width="50%">Current package:</td>
                                <td align="right">
									<strong class="red">VPS Ultimate</strong>
								</td>
                            </tr>
                            <tr>
                                <td>Paid until:</td>
                                <td align="right">Oct 25, 2011 &nbsp; 23:12</td>
                            </tr>
                            <tr>
                                <td>User email:</td>
                                <td align="right">
									<a href="#">user@company.com</a>
								</td>
                            </tr>
                            <tr>
                                <td>Support tickets:</td>
                                <td align="right">
									<a class="green" href="#">no pending tickets</a>
								</td>
                            </tr>
                            <tr>
                                <td>Expiring domains:</td>
                                <td align="right">
									<span class="expire">12 domains</span>
								</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="fix"></div>
</div>

<!-- Footer -->
<div id="footer">
	<div class="wrapper">
   		<span>&copy; Copyright 2011. All rights reserved. It's Brain admin theme by <a href="#">Eugene Kopyov</a></span>
   	</div>
</div>
		
</body>
</html>